<!-- 当前页面为文档模块入口，当列表打开’查看文档‘时，所有内容在此 -->
<template>
    <div>
      <el-tabs v-model="activeName">
        <el-tab-pane v-for="(item, index) in tabsList" :key="index" :label="item.label" :name="item.value">
        </el-tab-pane>
        <component v-if="!loading" class="pd10" :is="whickComm[activeName]" @refresh="handleRefresh"
          :nowRowData="props.nowRowData"></component>
      </el-tabs>
    </div>
  </template>
  
  <script setup lang="ts">
  import { ref } from 'vue'
  import BaseInfo from './baseInfo/index.vue'
  import Roster from './Roster/index.vue'
  type Props = {
    nowRowData?: any
  }
  const props = withDefaults(defineProps<Props>(), {
    nowRowData: {}
  })
  const whickComm = {
    BaseInfo,
    Roster,
  }
  
  const emit = defineEmits(['refresh'])
  const loading = ref(false)
  const tabsList: any = [
    { label: '等级提升基础信息', value: 'BaseInfo' },
    { label: '等级提升补贴花名册', value: 'Roster' },
  ]
  
  const activeName = ref('BaseInfo')
  const handleRefresh = () => {
    emit('refresh')
  }
  
  </script>
  
  <style scoped></style>
  ./EmployeeRoster/index.vue